#frame{
	width: 400px;
	height: 600px;
	border:2px solid blue;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
#canvasb{
	width: 400px;
	height: 600px;
	background-color: gray;
	position: absolute;
	top:0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#frame-content{
	width: 100%;
	position:absolute;
	bottom: 0px;
	
}
.tr{
	width:100%;
	height: 100px;	
	display: flex;
}
.block{
	width: 100px;
	height: 100px;
	border:0.5px solid blue;
}
.blackblock{
	background-color: black;
}

#result{
	width: 100px;
	height: 50px;
	border:1px solid blue;
	position: absolute;
	right: 100px;
	top:50px;
	display: none;
	justify-content: center;
	align-items: center;
	
}

#close{
	width: 300px;
	height: 150px;
	/*border:2px solid black;*/
	border-radius: 10px;
	display: none;
	flex-direction: column;
	background-color: white;
	color:white;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:200px;
	left:40%;
}
#close>div:nth-child(2)>input{
	width: 100px;
	height: 30px;
	color: blue;
	font-size: 16px;
	margin-top:10px
}

#close>div:nth-child(1){
	color: blue;
	font-size: 16px;
	font-weight: bolder;
}
.checked{
	background-color: blue;
}
